<!DOCTYPE html>
<html>
<head>
	<title>css-dimension</title>
	<meta charset="utf-8">
	<style type="text/css">
		img.normal{
			width: auto;
			height: auto;
		}

		img.big{
			width: 180px;
			height: 120px;
		}

		img.small{
			height: 50%
		}
	</style>

</head>
<body>
	<div>
		<img class="normal" src="css/img/w3css.gif">		
	</div>
	<div>
		<img class="big" src="css/img/w3css.gif">		
	</div>

	<div>
		<img class="small" src="css/img/w3css.gif" />
	</div>

	<div>
		<p class="ex">这个段落的高和宽是 100px.</p>
		<p>这是段落中的一些文本。这是段落中的一些文本。
		这是段落中的一些文本。这是段落中的一些文本。
		这是段落中的一些文本。这是段落中的一些文本.</p>
	</div>
</body>
</html>